<template>
  <div class="weekend">
    <h2 class="header">周末去哪儿</h2>
    <div class="imgText" v-for="item of list" :key="item.id">
      <div class="weekend-img">
        <img :src="item.imgUrl"/>
      </div>
      <div class="weekend-text">
        <p>{{ item.title }}</p>
        <p>{{ item.desc }}</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomeWeekend',
  props: {
    list: Array
  }
}
</script>

<style lang="stylus" scoped="scoped">
  .header
    padding 0.17rem 0
    padding-left 0.26rem
  .weekend-img
    overflow hidden
    height 0
    padding-bottom 37.4375%
  .weekend-img
    img
      width 100%
   .weekend-text
    padding 0.14rem 0.2rem 0.2rem 0.2rem
    background white
   .weekend-text
    p
      font-size 0.28rem
      line-height 0.48rem
</style>
